<template>
  <div class="all_footer">
    <div class="footer_nav flex">
      <div class="footer_a">
        <p style="margin-bottom:20px;">如何购买课程</p>
        <span @click="toAise('新人注册')">新人注册</span>
        <span @click="toAise('购买课程')">购买课程</span>
        <span @click="toAise('观看课程')">观看课程</span>
        <span @click="toAise('课程有效期')">课程有效期</span>
        <span @click="toAise('课程售后')">课程售后</span>
      </div>
      <div class="footer_a">
        <p style="margin-bottom:20px;">如何购买图书</p>
        <span @click="toAise('新人注册')">新人注册</span>
        <span @click="toAise('购买图书')">购买图书</span>
        <span @click="toAise('图书题库')">图书题库</span>
        <span @click="toAise('题库激活码使用')">题库激活码使用</span>
        <span @click="toAise('图书售后')">图书售后</span>
      </div>
      <div class="footer_a">
        <p>下载手机APP</p>
        <img src="../assets/Wx2.png" alt />
      </div>
      <div class="footer_b">
        <p>客服电话：</p>
        <p class="flex">
          <!-- <img src="../assets/phone.png" alt /> -->
          400-995-1919
        </p>
        <h4>版权所有：©2000-2017北京艺传天下网络服务有限公司 版权所有</h4>
        <h4>等级序号：京ICP证00110  京公安网备  11030102010134号</h4>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {},
  data() {
    return {};
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {
    toAise(name){
      this.$emit('foot',name)
      this.$router.push({
        name:'asideCon',
        params:{
          title:name
        }
      });
    }
  },
  components: {}
};
</script>

<style scoped>
.all_footer {
  width: 100%;
  height: 285px;
  background: #262630;
  border-top: 1px solid #444750;
}
.footer_nav {
  width: 1200px;
  margin: 0 auto;
  padding-top: 62px;
  justify-content: space-around;
}
.footer_a span {
  cursor: pointer;
  font-size: 14px;
  display: block;
  text-decoration: none;
  color: #797b88;
  margin-bottom: 10px;
}
.footer_a span:last-child {
  margin-bottom: 0px !important;
}
.footer_a > span:hover {
  color: #c6a74d;
}
.footer_a > p {
  font-size: 18px;
  color: #c2c3c7;
  margin-bottom: 43px;
}
.footer_a img {
  width: 118px;
  height: 118px;
}
.footer_b p {
  font-size: 22px;
  color: #c2c3c7;
}
.footer_b h4{
  font-size: 16px;
  padding:0;
  margin:0;
  font-weight: normal;
  line-height: 25px;
  color: #555764;
}
.footer_b p >img {
  width:17px;
  height:22px;
  margin-right:18px;
}
.footer_b p:nth-child(2){
margin-top:33px;
}
</style>
